<template>
	<view class="page">
	<view @click="go(item)" class="u-flex u-padding-20 list" v-for="(item,index) in list" :key="index">
		<view>
			<u-image radius="20" :src="item.avatar" width="150" height="150"></u-image>
		</view>
		<view class=" u-margin-left-20" style="width: 520rpx;">
			<view class="u-flex u-row-between">
				<view class="u-flex">
					<view class="u-font-weight">{{item.nickname}}</view>
					<view class="u-margin-left-20">
						<u-image src="/static/woman.png" width="30" height="30"></u-image>
					</view>
				</view>
				<view class="">
					<u-button size="mini" shape="circle" :type="item.is_on_line? 'success':'info' ">
						{{item.is_on_line? '在线':'离线'}}
					</u-button>
				</view>
			</view>
			<view class="u-flex u-row-between u-margin-top-20 u-margin-bottom-20 u-font-xs u-type-info">
				<view>
					<u-rate disabled :value="item.star" size="17" active-color="#FFCC00"></u-rate>
				</view>
				<view>
					服务：<text style="color: #00C08D;">{{item.service_number}}</text>单
				</view>
				<view>
					<text>浏览量：<text style="color: #00C08D;">{{item.view_number}}</text>单</text>
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-flex">
					<view class="u-margin-right-10" v-for="(item1,index1) in item.project_ids_arr" :key="index1">
						<u-tag bg-color="#fff" plain type='info ' size="mini" :text="item1.name"></u-tag>
					</view>
				</view>
				<!-- <view style="color: #00C08D;font-size: 26rpx;">
					<u-icon name="map-fill" color="#00C08D" size="26"></u-icon>
					<text class="u-margin-left-20">{{item.distance}}</text>
				</view> -->
			</view>
		</view>
	
	
	</view>
	<u-loadmore :status="initial.status" />
	</view>
</template>

<script>
	import loader from '@/common/loadPage.js';
	export default {
		mixins: [loader],
		data() {

			return {
				tabbar: [],
				nav: [],
				current: 0,
				list: [],
				initial: {
					geturl: "/user/collectList",
					parm: {
					 
					},
					isPage: true
				},
			}
		},
		async onLoad() {
		
			this.getGoods()
		},
		methods: {
			go(item){
				uni.navigateTo({
					url:"../detail/index?id="+item.id
				})
			}
			
		}
	}
</script>


<style>
	.page {
		background: #F1F1F1;
		min-height: 100vh;
	}
.list {
		background: #fff;
		margin-bottom: 20rpx;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	}
</style>
